<template>
  <!-- 首页 -->
  <div class="index">
    <headerComp class="header"></headerComp>
    <contentComp class="content" />
  </div>
</template>

<script setup lang="ts">
import headerComp from "@/components/echarts/header/IndexView.vue"; // 头部组件
import contentComp from "@/components/echarts/content/IndexView.vue"; // 主体组件
</script>

<style scoped lang="scss">
.index {
  height: 100%;
  color: #ffffff;
  background: url("@/assets/bg.jpg");
  background-size: 100% 100%;
  background-position: center center;
  .header {
    width: 100%;
    height: 6%;
  }
  .content {
    height: 94%;
  }
}
</style>
